<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</h:head>

<h:body> 


			<f:view>
				<p:ajaxStatus onstart="statusDialog.show();"
					onsuccess="statusDialog.hide();" />
				<p:dialog modal="true" widgetVar="statusDialog" header="Cargando"
					draggable="false" closable="false">
					
				</p:dialog>


				<div id="logo" align="center">
					<h:form id="form">

						<p:panel id="td" header="Tipo Estado Pqr">
							<p:messages id="msg" showDetail="false" />
							<p:growl id="men" />

							<p:dataTable var="car" value="#{tipoEstadoPqrView.data}"
								id="listaTDo" editable="true" scrollable="true"
								scrollHeight="300" filteredValue="#{tipoEstadoPqrView.data}">

 
								<p:ajax event="rowEdit" listener="#{tipoEstadoPqrView.onEdit}" />
								<p:ajax event="rowEditCancel"
									listener="#{tipoEstadoPqrView.onCancel}" />

								<p:column headerText="Editar" style="width: 30px">
									<p:rowEditor />
								</p:column>
								

								<p:column headerText="Descripción" style="width: 100px">
									<p:cellEditor>
										<f:facet name="output">
											<h:outputLabel value="#{car.descripcionEstado}" />
										</f:facet>
										<f:facet name="input">
											<p:inputTextarea value="#{car.descripcionEstado}" />
										</f:facet>
									</p:cellEditor>
								</p:column>

								<p:column headerText="Estado del Registro" style="width: 100px"
									filterBy="estadoRegistro"
									filterOptions="#{tipoEstadoPqrView.manufacturerOptions}"
									filterMatchMode="exact">
									<p:cellEditor>
										<f:facet name="output">
											<h:outputText value="#{car.estadoRegistro}" />
										</f:facet>
										<f:facet name="input">
											<h:selectOneMenu value="#{tipoEstadoPqrView.estadoRegistro}">
												<f:selectItem itemLabel="Activo" itemValue="A" />
												<f:selectItem itemLabel="Retirado" itemValue="R" />
											</h:selectOneMenu>
										</f:facet>
									</p:cellEditor>
								</p:column>

								<f:facet name="footer">
									<p:commandButton id="viewButton" value="Crear"
										icon="ui-icon-documen" update=":form"
										oncomplete="PF('carDialog').show()" />
								</f:facet>

							</p:dataTable>

							<!--		Ventana emergente          -->

							<p:dialog id="dialog" header="Tipo Estado Pqr"
								widgetVar="carDialog" resizable="false" width="500"
								showEffect="clip" hideEffect="fold">
								<p:messages id="messages" autoUpdate="true" />
								<h:panelGrid columns="2" id="panel">

									<h:outputText id="msgDescripcion" value=" Descripción*:"/>
							<p:inputTextarea id="txtDescripcionMotSol" rows="10" cols="30" binding="#{tipoEstadoPqrView.txtDescripcionEstado}"   />
							
														<h:outputText id="msgEstadoRegistro" value=" Estado*:"/>
						<p:selectOneMenu id="estado" binding="#{tipoEstadoPqrView.estado}"
						value="#{tipoEstadoPqrView.estadoRegistro}" >
						<f:selectItem itemLabel="Activo" itemValue="A" />
						<f:selectItem itemLabel="Retirado" itemValue="R" />
					</p:selectOneMenu>

								</h:panelGrid>

								<p:separator id="separator" />

								<h:panelGrid id="panelBotones" columns="1">

									<p:commandButton id="btnSave" value="Guardar"
										action="#{tipoEstadoPqrView.action_create}"
										binding="#{tipoEstadoPqrView.btnSave}"
										update="listaTDo,msg,panel,panelBotones" />
								</h:panelGrid>

							</p:dialog>
						</p:panel>
					</h:form>
				</div>
			</f:view>


</h:body>
</html>